<div id="newBoard" class="modal fade" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">

			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel">Create Board</h4>
			</div>
			<div class="modal-body">
				<form class="form-horizontal" role="form" id="boardForm" action="board.do"
					method="post">
					<input type="hidden" name="task" value="add">
					<div class="form-group">
						<div class="col-sm-10">
							<input type="name" class="form-control" name="name"
								placeholder="Name">
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-10">
							<input type="name" class="form-control" name="description"
								placeholder="Description">
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-10">
							<label class="radio-inline control-label"> <input
								type="radio" name="type" id="type" value="public">Public
							</label> <label class="radio-inline control-label"> <input
								type="radio" name="type" value="private">Private
							</label>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary" onclick="saveBoard();">Save</button>
			</div>

		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal-dialog -->
</div>

<script>
   function saveBoard() {
	   document.getElementById('boardForm').submit();
   }

</script>